<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>韩都衣舍官网运营管理系统（LUNA SYSTEM）</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link th:href="@{/plugins/font-awesome/css/font-awesome.min.css}" href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/plugins/simple-line-icons/simple-line-icons.min.css}" href="plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/plugins/bootstrap/css/bootstrap.min.css}" href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/plugins/uniform/css/uniform.default.css}" href="plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/plugins/bootstrap-datetimepicker-0.0.11/css/bootstrap-datetimepicker.min.css}" 
		href="plugins/bootstrap-datetimepicker-0.0.11/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css"/>

<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN THEME STYLES -->
<link th:href="@{/css/components.css}" href="css/components.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/css/login-soft.css}" href="css/login-soft.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/css/plugins.css}" href="css/plugins.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/layout/css/layout.css}" href="layout/css/layout.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/layout/css/themes/blue.css}" id="style_color" href="layout/css/themes/blue.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/layout/css/custom.css}" href="layout/css/custom.css" rel="stylesheet" type="text/css"/>
<link th:href="@{/plugins/data-tables/DT_bootstrap.css}" rel="stylesheet" href="plugins/data-tables/DT_bootstrap.css"/>
<link th:href="@{/plugins/jquery-ui/jquery.treetable.theme.default.css}" rel="stylesheet" href="plugins/jquery-ui/jquery.treetable.theme.default.css"/>
<link th:href="@{/plugins/jquery-ui/jquery.treetable.css}" rel="stylesheet" href="plugins/jquery-ui/jquery.treetable.css"/>
<link th:href="@{/plugins/jstree/dist/themes/default/style.min.css}" rel="stylesheet" href="plugins/jstree/dist/themes/default/style.min.css"/>

<link th:href="@{/plugins/bootstrap-modal/css/bootstrap-modal.css}" rel="stylesheet" href="plugins/bootstrap-modal/css/bootstrap-modal.css"/>

<script th:src="@{/scripts/editor/kindeditor-all-min.js}" src="scripts/editor/kindeditor-all-min.js" type="text/javascript"></script>
<script th:src="@{/scripts/editor/zh_CN.js}" src="scripts/editor/zh_CN.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery-1.11.0.min.js}" src="plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery.validate.min.js}" src="plugins/jquery.validate.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/messages_zh.js}" src="plugins/messages_zh.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery-ui/jquery.ui.core.js}" src="plugins/jquery-ui/jquery.ui.core.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery-ui/jquery.ui.widget.js}" src="plugins/jquery-ui/jquery.ui.widget.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery-ui/jquery.ui.mouse.js}" src="plugins/jquery-ui/jquery.ui.mouse.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery-ui/jquery.ui.draggable.js}" src="plugins/jquery-ui/jquery.ui.draggable.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery-ui/jquery.ui.droppable.js}" src="plugins/jquery-ui/jquery.ui.droppable.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery.treetable.js}" src="plugins/jquery.treetable.js" type="text/javascript"></script>
<script th:src="@{/plugins/jstree/dist/jstree.min.js}" src="plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/backstretch/jquery.backstretch.min.js}" src="plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>


<!-- END THEME STYLES -->
<link th:href="@{/favicon.ico}" rel="shortcut icon" href="favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
<body class="login">
<!-- BEGIN LOGO -->
<div class="logo">
	<a href="#">
		<img th:src="@{/layout/img/logo.png}" src="layout/img/logo.png" alt=""/>
	</a>
</div>
<!-- END LOGO -->
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
<div class="menu-toggler sidebar-toggler">
</div>
<!-- END SIDEBAR TOGGLER BUTTON -->
<!-- BEGIN LOGIN -->
<div class="content">
	<!-- BEGIN LOGIN FORM -->
	<form class="login-form"  th:action="@{/login/valid}" method="post">
		<h4 class="form-title">韩都官网运营支撑系统 LUNA SYSTEM</h4>
		<div class="alert alert-danger display-hide">
			<button class="close" data-close="alert"></button>
			<span>
			输入您的用户名和密码. </span>
		</div>
		<div class="form-group">
			<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
			<label class="control-label visible-ie8 visible-ie9">用户名</label>
			<div class="input-icon">
				<i class="fa fa-user"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Username" name="username" value="admin"/>
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">密码</label>
			<div class="input-icon">
				<i class="fa fa-lock"></i>
				<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="password" value="123456"/>
			</div>
		</div>
		<div class="form-actions">
			<label class="checkbox">
			<input type="checkbox" name="remember" value="1"/> 记住登录 </label>
			<button type="submit" class="btn blue pull-right">
			登录 <i class="m-icon-swapright m-icon-white"></i>
			</button>
		</div>
		<div class="forget-password">
			<hr></hr>
			<p>
				忘记了密码 ? 请联系 qq:209339321
			</p>
		</div>

	</form>
	<!-- END LOGIN FORM -->

</div>
<!-- END LOGIN -->
<!-- BEGIN COPYRIGHT -->
<div class="copyright">
	 2014 &copy; 韩都衣舍信息中心.LUNA Project。
</div>
<!-- END COPYRIGHT -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
	<script src="../../assets/global/plugins/respond.min.js"></script>
	<script src="../../assets/global/plugins/excanvas.min.js"></script> 
	<![endif]-->
<script th:src="@{/plugins/jquery-migrate-1.2.1.min.js}" src="plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script th:src="@{/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js}" src="plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/bootstrap/js/bootstrap.min.js}" src="plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js}" src="plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery-slimscroll/jquery.slimscroll.min.js}" src="plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery.blockui.min.js}" src="plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/jquery.cokie.min.js}" src="plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/uniform/jquery.uniform.min.js}" src="plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script th:src="@{/plugins/bootstrap-datetimepicker-0.0.11/js/bootstrap-datetimepicker.min.js}" 
		src="plugins/bootstrap-datetimepicker-0.0.11/js/bootstrap-datetimepicker.min.js" 
		type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<script th:src="@{/scripts/metronic.js}" src="scripts/metronic.js" type="text/javascript"></script>
<script th:src="@{/layout/scripts/layout.js}" src="layout/scripts/layout.js" type="text/javascript"></script>
<script th:src="@{/plugins/bootbox/bootbox.min.js}" src="plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<script th:src="@{/scripts/boss.js}" src="scripts/boss.js" type="text/javascript"></script>
<script th:src="@{/scripts/login-soft.js}" src="scripts/login-soft.js" type="text/javascript"></script>
<script th:src="@{/plugins/My97DatePicker/WdatePicker.js}" src="/plugins/My97DatePicker/WdatePicker.js" type="text/javascript"></script>


<script th:src="@{/plugins/bootstrap-modal/js/bootstrap-modalmanager.js}" src="plugins/bootstrap-modal/js/bootstrap-modalmanager.js" type="text/javascript"></script>
<script th:src="@{/plugins/bootstrap-modal/js/bootstrap-modal.js}" src="plugins/bootstrap-modal/js/bootstrap-modal.js" type="text/javascript"></script>

<!-- END PAGE LEVEL SCRIPTS -->
<script>
		jQuery(document).ready(function() {     
		  Metronic.init(); // init metronic core components
Layout.init(); // init current layout
	$.backstretch([
		        "/img/bg/1.jpg",
    		    "/img/bg/2.jpg",
    		    "/img/bg/3.jpg",
    		    "/img/bg/4.jpg"
		        ], {
		          fade: 1000,
		          duration: 8000
		    });
		});
	</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>